<!DOCTYPE HTML>
<html class="full">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection"content="telephone=no">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<style>
@charset "utf-8";
body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input,em{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;}
address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style-type:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:''}
input,textarea{outline:none;font-family:"微软雅黑";font-size:14px;border:none;-webkit-appearance:none; resize:none;}
textarea:focus{border-color:#f0831e;}
a{cursor:pointer;}
a:link,a:visited,a:hover,a:active{text-decoration:none; border:none;}
img{width:100%; height:auto;}
.clear{clear:both; width:0; height:0; margin:0; padding:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.center{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.hide{display:none;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.full{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
::-webkit-scrollbar{display:none;}
body{font-family:"微软雅黑"; font-size:14px; color:#333; background:white;}
section{
	position:absolute; overflow-x:hidden; overflow-y:scroll;
	left:0; top:0; width:100%; height:100%;
	background:white;
	z-index:1;
}
.btn{
	display:block;
	width:80%; height:34px; line-height:34px;
	border-radius:5px; margin:20px auto;
	background:#db495d; color:white;
	text-align:center;
}
.btn.gray{background:#d8d8d8;}
.tip-box{
	display:flex; justify-content:center; align-items:center;
	z-index:2000;
	background:rgba(0,0,0,.7);
}
.tip-box>span{
	max-width:65%; line-height:26px;
	padding:20px 6%; border-radius:8px;
	background:black; color:white;
	text-align:center; font-size:16px;
}
.download-box{
	background-color:white;
	text-align:center; color:#b7b7b7;
}
.dl-area{
	position:relative;
	height:50%;
}
.dl-up{
	width:170px; height:50px;
	padding-top:200px;
	background:url(./img/icon.png) no-repeat center;
	background-size:80%;
}
.dl-up>p{text-align:center;}
.dl-up>p:nth-child(1){
	font-size:40px; line-height:50px;
	color:#b81b1e;
}
.dl-up>p:nth-child(2){
	font-size:19px; line-height:32px;
	color: #b7b7b7;
}
.dl-mid{
	display:flex; justify-content:space-around;
	width:240px; height:100px;
}
.dl-mid a{
	display:block;
	width:60px; line-height:20px;
	padding-top:70px;
	background:no-repeat top center;
	background-size:contain;
	color:#b7b7b7;
}
.dl-mid a:nth-child(1){background-image:url(./img/android.png);}
.dl-mid a:nth-child(2){background-image:url(./img/ios.png);}
.dl-tip{
	position:absolute;
	top:-50px; left:0; width:100%; line-height:50px;
}
.dl-btm{
	position:absolute;
	left:0; bottom:0; width:100%; height:50px; line-height:50px;
	background-color:#ebebeb;
}
.share-box{
	background:rgba(0,0,0,.7);
	z-index:2000;
}
.share-arrow{
	position:absolute;
	width:50px; height:55px; top:20px; right:20px;
	background:url(./img/share-arrow.png) no-repeat center;
	background-size:contain;
}
.share-text{
	position:absolute;
	width:200px; height:90px; top:60px; right:50px; line-height:30px;
}
.share-text p{
	text-align:center; color:white; font-size:20px;
}
</style>
<title>好衣互联</title>
</head>
<body class="full">
<section class="download-box full">
	<div class="dl-area">
		<div class="dl-up center">
			<p>好衣互联</p>
			<p>品牌服装 正品保证</p>
		</div>
	</div>
	<div class="dl-area">
		<div class="dl-mid center">
			<a href="http://www.baidu.com" id="android">安卓应用</a>
			<a href="javascript:void(0);" id="ios">苹果应用</a>
			<div class="dl-tip">请点击下载与手机系统相匹配的App</div>
		</div>
	</div>
</section>
</body>
<script src="vendor/lib.js"></script>
<script>
var sniffer = (function(){
	var u = navigator.userAgent;
	var app = navigator.appVersion;
	return {
		isAndroid : u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
		isIOS : !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
		isWeixin : !!(u.toLowerCase().match(/MicroMessenger/i) == 'micromessenger')
	};
})();
var browerOpen = (function(){
	var html =
	'<div class="share-box full">'
	+'	<div class="share-arrow"></div>'
	+'	<div class="share-text">'
	+'		<p>请点击右上角</p>'
	+'		<p>在弹出的菜单中选择</p>'
	+'		<p>“在浏览器中打开”</p>'
	+'	</div>'
	+'</div>';

	return function(){
		$( document.body ).append( html );
		var box = $('.share-box');
		box.on('click', function(e){
			box.remove();
		})
	};
})();
document.getElementById('android').onclick = function(e){
	if (sniffer.isWeixin) {
		browerOpen();
		e.preventDefault();
		e.stopPropagation();
	}
};
document.getElementById('ios').onclick = function(){
	tip('努力开发中，敬请期待');
};
function tip (t) {
	var text = document.createTextNode(t);
	var span = document.createElement('span');
	var sect = document.createElement('section');
	sect.className = 'tip-box';
	span.appendChild(text);
	sect.appendChild(span);
	document.body.appendChild(sect);

	var timer = setTimeout(remove, 1500);
	sect.addEventListener('click', remove, false);
	function remove () {
		clearTimeout(timer);
		if (!sect.parentNode) return;
		sect.parentNode.removeChild(sect);
	}
}

</script>
</html>
